$main-color: #547CEC;
$tips-color: #909399;
$light-color: #c0c4cc;
$border-color: #DCDEE2; //边框颜色
$bg-color: #F8F8F9; //背景色
$split-line-color:#E8EAEC;
$wihte-color:#ffff;


$main-text-color:#17233D; //主文字颜色
$main-text-color-light:#515A6E; //主文字颜色
$main-text-color-disabled:#C5C8CE; //主文字颜色

$text-size-normal:12px;
$text-size-medium:14px;
$text-size-large:16px;



$type-primary: #547CEC;
$type-primary-light: #afd1fa;
$type-primary-disabled: #88A4F2;
$type-primary-dark: #5A53DA;

$type-warning: #FF9900;
$type-warning-disabled: #fcbd71;
$type-warning-dark: #f29100;
$type-warning-light: #fdf6ec;

$type-success: #19be6b;
$type-success-disabled: #71d5a1;
$type-success-dark: #18b566;
$type-success-light: #dbf1e1;

$type-error: #FB1010;
$type-error-disabled: #fab6b6;
$type-error-dark: #dd6161;
$type-error-light: #fef0f0;

$type-info: #909399;
$type-info-disabled: #c8c9cc;
$type-info-dark: #82848a;
$type-info-light: #f4f4f5;

$form-item-height: 70rpx;
$form-item-border-color: #dcdfe6;

//header背景色
$header-bg:#ffffff;

//menu主题配置
$aside-bg:linear-gradient(45deg, $type-primary,$type-primary-dark); //背景色
$aside-bg-hover:$type-primary-disabled; //hover背景色
$aside-bg-active:$type-primary-disabled; //选中背景色
$aside-color-hover:#ffffff; // 选中文字和图标色
$aside-color:#ffffff; // 选中文字和图标色
$aside-item-avtive:$type-warning; // 选中文字和图标色
$aside-icon-size:18px; //导航栏icon图标大小


$header-height:56px; //header 高度
$aside-height: 100vh;//calc(100vh - 56px); //导航栏高度
// $content-height:calc(100vh - 164px); //导航栏高度

$text-font-size-h1:16px;
$text-font-size-h2:14px;
$text-font-size-h3:12px;


::selection { 
	background:$type-primary-dark; 
	color:#fff; 
}
::-moz-selection { 
	background:$type-primary-dark; 
	color:#fff; 
}
.t-screen {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
}
.type-primary-light-text {
	color: $type-primary-light;
}

.type-warning-light-text {
	color: $type-warning-light;
}

.type-success-light-text {
	color: $type-success-light;
}

.type-error-light-text {
	color: $type-error-light;
}

.type-info-light-text {
	color: $type-info-light;
}

.type-primary-light-bg {
	background-color: $type-primary-light;
}

.type-warning-light-bg {
	background-color: $type-warning-light;
}

.type-success-light-bg {
	background-color: $type-success-light;
}

.type-error-light-bg {
	background-color: $type-error-light;
}

.type-info-light-bg {
	background-color: $type-info-light;
}

.type-primary-dark {
	color: $type-primary-dark;
}

.type-warning-dark {
	color: $type-warning-dark;
}

.type-success-dark {
	color: $type-success-dark;
}

.type-error-dark {
	color: $type-error-dark;
}

.type-info-dark {
	color: $type-info-dark;
}

.type-primary-dark-bg {
	background-color: $type-primary-dark;
}

.type-warning-dark-bg {
	background-color: $type-warning-dark;
}

.type-success-dark-bg {
	background-color: $type-success-dark;
}

.type-error-dark-bg {
	background-color: $type-error-dark;
}

.type-info-dark-bg {
	background-color: $type-info-dark;
}

.type-primary-disabled {
	color: $type-primary-disabled;
}

.type-warning-disabled {
	color: $type-warning-disabled;
}

.type-success-disabled {
	color: $type-success-disabled;
}

.type-error-disabled {
	color: $type-error-disabled;
}

.type-info-disabled {
	color: $type-info-disabled;
}

.type-primary {
	color: $type-primary;
}

.type-warning {
	color: $type-warning;
}

.type-success {
	color: $type-success;
}

.type-error {
	color: $type-error;
}

.type-info {
	color: $type-info;
}

.type-primary-bg {
	background-color: $type-primary;
}

.type-warning-bg {
	background-color: $type-warning;
}

.type-success-bg {
	background-color: $type-success;
}

.type-error-bg {
	background-color: $type-error;
}

.type-info-bg {
	background-color: $type-info;
}

.main-color {
	color: $main-color;
}


.tips-color {
	color: $tips-color;
}

.light-color {
	color: $light-color;
}


// 滚动条样式
::-webkit-scrollbar {
	height: 10px;	
	color: #fff;
	width: 0px;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #d3d3d3;
}
 ::-webkit-scrollbar-track {
	background: #fff;
}


.hover-class:hover {
	opacity: 0.8;
	cursor: pointer;
}

.t-content {
	padding: 25px;
	border-radius: 5px;
	background: #fff;
}

.t-flex {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.t-flex-wrap {
	flex-wrap: wrap;
}

.t-flex-nowrap {
	flex-wrap: nowrap;
}

.t-col-center {
	align-items: center;
}

.t-col-top {
	align-items: flex-start;
}

.t-col-bottom {
	align-items: flex-end;
}

.t-row-center {
	justify-content: center;
}

.t-row-left {
	justify-content: flex-start;
}

.t-row-right {
	justify-content: flex-end;
}

.t-row-between {
	justify-content: space-between;
}

.t-row-around {
	justify-content: space-around;
}

.t-f-r {
	float: right;
}

.t-f-l {
	float: left;
}

.t-clear {
	clear: both;
}

.t-text-left {
	text-align: left;
}

.t-text-center {
	text-align: center;
}

.t-text-right {
	text-align: right;
}

.t-flex-col {
	display: flex;
	flex-direction: column;
}

.t-font-bold {
	font-weight: bold;
}
.t-btn-bottom{
		backdrop-filter: blur(4px);
    padding: 20px 0;
    position: relative;
    bottom: 10px;
    left: 0;
    width: 100%;
    z-index: 999;
    position: sticky;
    bottom: 0;
}
.t-h-1{
	font-size: $text-size-large;
}
.t-h-2{font-size: $text-size-medium;}
.t-h-3{font-size: $text-size-normal;}
// 定义flex等分
@for $i from 0 through 12 {
	.t-flex-#{$i} {
		flex: $i;
	}
}

// 定义字体(px)单位，小于20都为px单位字体
@for $i from 9 to 20 {
	.t-font-#{$i} {
		font-size: $i + px;
	}
}

// 定义字体(px)单位，大于或等于20的都为px单位字体
@for $i from 20 through 40 {
	.t-font-#{$i} {
		font-size: $i + px;
	}
}

// 定义内外边距，历遍1-80
@for $i from 0 through 80 {
	.t-line-height-#{$i} {
		line-height: $i + px;
	}
	// 只要双数和能被5除尽的数
	@if $i % 2==0 or $i % 5==0 {

		// 得出：t-margin-30或者t-m-30
		.t-margin-#{$i},
		.t-m-#{$i} {
			margin: $i + px !important;
		}

		// 得出：t-padding-30或者t-p-30
		.t-padding-#{$i},
		.t-p-#{$i} {
			padding: $i + px !important;
		}

		@each $short,
		$long in l left,
		t top,
		r right,
		b bottom {

			// 缩写版，结果如： t-m-l-30
			// 定义外边距
			.t-m-#{$short}-#{$i} {
				margin-#{$long}: $i + px !important;
			}

			// 定义内边距
			.t-p-#{$short}-#{$i} {
				padding-#{$long}: $i + px !important;
			}

			// 完整版，结果如：t-margin-left-30
			// 定义外边距
			.t-margin-#{$long}-#{$i} {
				margin-#{$long}: $i + px !important;
			}

			// 定义内边距
			.t-padding-#{$long}-#{$i} {
				padding-#{$long}: $i + px !important;
			}
		}
	}
}
@mixin text-overflow($line:1) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $line;
  overflow: hidden;
}

html {
	color: $main-text-color;
}
